/**************** tabs ********************/
.tabs{ list-style:none; padding:0;}
.tabs>li{
  float:left;
  border-bottom:1px solid #000;
}
.tabs>li.active{
  border:1px solid #000;
  border-bottom:0;
}
.tabs>li>a{
  text-decoration:none;
	color:#000;
	padding:6px 12px;
	display:inline-block;
  width:96px;
  text-align:center;
}
.tabs+.container{
	position: relative;
}
.tabs+.container>div{
	width: 300px;
	height: 100px;
	padding:30px;
  background:#fff;
  border:1px solid #000;
  border-top:0;
	position: absolute;
	top: 34px;
	left: 0;
}
.tabs+.container>.active{
  z-index:10;
}